<nz-page-header
  class="site-page-header"
  (nzBack)="onBack()"
  nzBackIcon
  nzTitle="Modal"
  [nzSubtitle]="subtitleTpl"
></nz-page-header>
<ng-template #subtitleTpl> 包装<nz-tag>NzModalService</nz-tag>服务 </ng-template>

<div nz-row [nzGutter]="[16, 24]">
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="12" nzXl="12">
    <nz-card [nzBordered]="true">
      <div>
        <app-tips></app-tips>
      </div>
      <nz-divider nzText="描述" nzOrientation="left"></nz-divider>
      <p>信息提示对话框</p>
    </nz-card>
  </div>

  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="12" nzXl="12">
    <nz-card [nzBordered]="true">
      <div>
        <app-confirm></app-confirm>
      </div>
      <nz-divider nzText="描述" nzOrientation="left"></nz-divider>
      <p>确认对话框</p>
    </nz-card>
  </div>
</div>
